<!DOCTYPE html>
<html lang = "en">
    <head>
        <meta charset = "UTF-8">
        <title>最佳人选知识图谱平台</title>
        <link rel = "shortcut icon" href = "../../static/images/login/bitbug_favicon.ico" type = "image/x-icon">
        <link rel = "stylesheet" href = "../../static/mdui-v0.4.2/css/mdui.min.css">
        <link rel = "stylesheet" href = "../../static/common.css">
        <script src = "../../static/mdui-v0.4.2/js/mdui.min.js"></script>
        <script src = "https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
        <style>
            #newNode {
                position: fixed;
                right: 30px;
                bottom: 30px;
                font-size: 40px;
                color: #3f51b5;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <div class = "mdui-container-fluid" id = "app">
            <div class = "mdui-col-md-2" style = "border-right: 1px solid #ddd;min-height: 800px;">
                <div class = "user-info mdui-valign" style = "border-bottom: 1px solid #ddd;">
                    <img class = "mdui-m-l-3" style = "width:40px;" src = "/static/graph.png" alt = "">
                    <span class = "mdui-m-l-3" style = "font-size:16px;"></span>
                </div>
                <div>
                    <ul class = "mdui-list">
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">list</i>
                            <a class = "mdui-list-item-content f14" href = "/matchingPoints">
                                匹配点
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">home</i>
                            <a class = "mdui-list-item-content f14" href = "/skilGraph">
                                技能图谱
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">school</i>
                            <a class = "mdui-list-item-content f14" href = "/brandCollege">
                                985/211
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">language</i>
                            <a class = "mdui-list-item-content f14" href = "/overseaCollege">
                                留学院校
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">location_city</i>
                            <a class = "mdui-list-item-content f14" href = "/foreignEnterprise">
                                外国企业
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">flag</i>
                            <a class = "mdui-list-item-content f14" href = "/industryKeyword">
                                行业关键词
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">star</i>
                            <a class = "mdui-list-item-content f14" href = "/famousInternet">
                                知名互联网企业
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">videogame_asset</i>
                            <a class = "mdui-list-item-content f14" href = "/gameEnterprise">
                                游戏公司
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple mdui-color-indigo">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">videogame_asset</i>
                            <a class = "mdui-list-item-content f14" href = "/gameProduct">
                                游戏产品
                            </a>
                        </li>
                        <li class = "mdui-list-item mdui-ripple">
                            <i class = "mdui-list-item-icon mdui-icon material-icons">people</i>
                            <a class = "mdui-list-item-content f14" href = "/managementExperience">
                                管理经验
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class = "mdui-col-md-10">
                <div style = "width:60%;margin:20px auto;">
                    <div class = "mdui-textfield mdui-textfield-floating-label mb20">
                        <i class = "mdui-icon material-icons">search</i>
                        <label class = "mdui-textfield-label">在这里输入搜索</label>
                        <textarea class = "mdui-textfield-input" v-on:input = 'searchInput' v-model = "kw"></textarea>
                    </div>
                    <div class = "mdui-table-fluid">
                        <table class = "mdui-table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>院校名称</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for = "(item,index) in collegeList" :class = "{'mdui-table-row-selected':index % 2 == 1}">
                                    <td>{{index + 1}}</td>
                                    <td>{{item}}</td>
                                    <td style = "width:140px;">
                                        <a v-on:click = "del(index)" href = "javacript:void(0);" style = "color:#3f51b5;text-decoration: none;">删除</a>
                                        &nbsp;|&nbsp;
                                        <a v-on:click = "edit(index)" href = "javacript:void(0);" style = "color:#3f51b5;text-decoration: none;">编辑</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <i class = "mdui-icon material-icons" id = "newNode" v-on:click = "importNewCollege()">add_circle</i>
        </div>
        <script src = "../../static/jquery.min.js"></script>
        <script src = "../../static/gameProduct.js?v=1.2"></script>
    </body>
</html>